*{
    margin: 0;
    padding: 0;
}
.bgd img{
    display: inline-block;
    width: 100%;
}
.hot-da{
    padding: 35px 0;
}
.hot-da img{
    display: inline-block;
    width: 100%;
}
.hot-img{
    text-align: center;
}
.hot-img img{
    display: inline-block;
    width: 100%;
}
.hot-tu{
    padding: 35px 0;
}
.hot-tu h2{
    font-size: 25px;
    font-weight: bolder;
    margin: 0;
}
.hot-tu p{
    font-size: 12px;
    margin-top: 4%;
}
.chao{
    margin-top: 6%;
}
.hot-tu a{
    display: block;
    color: black;
    border:  1px solid black;
    width: 35%;
    margin:  0 auto;
    text-align: center;
    padding: 1% 8%;
    margin-top: 4%;
    text-decoration: none;
}
.hot-tu a:hover{
    background-color: black;
    color: #fff;
    transition: all 0.5s;
}
.img-on{
    padding: 2%;
    width: 70%;
    margin: 0 auto;
    
}
.img-on:hover{
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    transition: all 0.3s;
}
.img-on:hover img{
    transform: scale(1.01,1.01);
    transition: all 0.3s;
}

/* 服装展示 */
.yifu{
    padding-bottom: 3%;
}
.yi-quan{
    padding: 2%;
    margin-top: 15px;
}
.yi-quan img{
    width: 100%;
}
.yi-quan p{
    font-size: 12px;
    margin-top: 15px;
}
.yi-quan:hover{
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    transition: all 0.2s;
}
.yi-quan:hover img{
    transform: scale(1.01,1.01);
    transition: all 0.2s;
}